Future of Drawing

<br> | | | | ---------: | :---- | | Title | **Future of Drawing** | | Subtitle | *Designing playful creative assistants* | | Class | Atelier Media Design `1` | | Year | `2023–2024` | | Client | [Caran d'Ache](https://www.carandache.com) | | Exhibition | [Plateforme 10](http://plateforme10.ch) | | Professors | [Laure Krayenbühl](https://a-projectstudio.ch/), [Alexia Mathieu](https://www.alexiamathieu.com), [Pierre Rossel](https://github.com/prossel), [[Douglas Edric Stanley->https://abstractmachine.net/en/biography]] | | Assistant | [[Pablo Bellon->https://soundcloud.com/blo-prod]] | | Students | MD1 | | Dates | `16.10.2023` → `17.01.2024` | | Visit | [Caran d'Ache SA](https://maps.app.goo.gl/myFwQRrvDBKZ5mTLA), `18.10.2023` | | Mid-crit | `16.11.2023` (*with Caran d'Ache*) | | Final Jury | `17.01.2023` (*with Caran d'Ache*) | | Exhibition | `05.2024` | {embed passage: 'Menu'}

{embed passage: 'brief-menu'} In this semester's project, we will be collaborating with [[Caran d’Ache...->brief-project]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} <img class="right" src='images/caran-d-ache-tools.jpg'>In this semester's project, we will be collaborating with Caran d’Ache, a [[renowned Swiss company->https://www.carandache.com/ch/en/content/ch/fr/la_maison/landing/la_maison_-_histoire.cfm]] specializing in a wide range of writing and drawing instruments{reveal link: ' ...', passage: 'brief-project-1'} {embed passage: 'Menu'}

. [[→->brief-storytelling]] Caran d’Ache instruments provide invaluable [[support->https://www.carandache.com/ch/en/lamaison.cfm]] to designers, illustrators, artists, and novices, facilitating the realization of their [[creative endeavors->https://www.carandache.com/us/en/content/ch/de/inspiration/cours/document_cours.cfm]].

{embed passage: 'brief-menu'} <img class='right' src='images/CaranDAche_1.jpg'>Although the world of Caran d’Ache may initially appear distinct from digital design practices, a closer examination reveals a significant connection[[ ...->brief-storytelling-1]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} <img class='right' src='images/Drawing-machine-1-by-Joseph-L-Griffiths.png'>Although the world of Caran d’Ache may initially appear distinct from digital design practices, a closer examination reveals a significant connection. [[Writing->inspiration-allison-parrish]] and [[storytelling->inspiration-pharmako-ai]] serve as foundational elements in digital practices, whether it involves [[composing algorithms->inspiration-compass]] to [[generate->inspiration-allison-parrish]] [[poetry->inspiration-sashastiles]] or [[experimenting->inspiration-tracing-the-line]] with [[drawing->inspiration-jurg-lehni]] [[machines->inspiration-harold-cohen]]. {embed passage: 'Menu'} [[→->brief-ai]]

{embed passage: 'brief-menu'} <image class='right' src='images/midjourney.png'>More recently, AI algorithms have been employed to generate drawings and visuals by utilizing prompts with generative models{reveal link: ' ...', passage: 'brief-ai-1'} {embed passage: 'Menu'}

. These models hold the potential for a future where [[AI serves->inspiration-roby]] as [[a co-creator, assisting artists->inspiration-leonie-courbat]] in their creative process [[...->brief-ai-2]]

{embed passage: 'brief-menu'} <image class='right' src='images/omnia-performance.jpg'>More recently, AI algorithms have been employed to generate drawings and visuals by utilizing prompts with generative models. These models hold the potential for a future where AI serves as [[a co-creator, assisting artists->inspiration-leonie-courbat]] in their creative process. While these prospects are promising, they may eliminate the [[tactile experience->inspiration-land-lines]] associated with [[drawing activities->inspiration-tinguely]], such as [[tracing->inspiration-omnia-per-omnio]], coloring, exploring various hues, blending, [[et cætera->inspiration-traite-du-trait]] [[...->brief-ai-3]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} <image class='right' src='images/ELIZA_conversation.png'>More recently, AI algorithms have been employed to generate drawings and visuals by utilizing prompts with generative models. These models hold the potential for a future where [[AI serves->inspiration-roby]] as [[a co-creator, assisting artists->inspiration-leonie-courbat]] in their creative process. While these prospects are promising, they may eliminate the tactile experience associated with drawing activities, such as [[tracing->inspiration-omnia-per-omnio]], coloring, exploring various hues, blending, [[et cætera->inspiration-traite-du-trait]]. Additionally, they present a future in which these collaborators may adopt conventional forms, resembling simple chatbots that engage through [[text-based dialogue->inspiration-eliza]]. [[→->brief-questions]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} Throughout this project, we aim to explore the following questions: 1. {reveal link: ' ...', passage: 'brief-questions-1'} 2. {reveal link: ' ...', passage: 'brief-questions-2'} 3. {reveal link: ' ...', passage: 'brief-questions-3'} [[→->brief-combinations]] {embed passage: 'Menu'}

In what forms and with what characteristics could an AI serve as an [[artist's assistant->inspiration-margot-herbelin]]?

What [[novel combinations->brief-combinations]] and engaging interactions could we envision in this context?

How might we transcend [[the conventional metaphor->inspiration-ai-bias]] of [[AI as a collaborator->https://openai.com/blog/chatgpt-can-now-see-hear-and-speak]]?

{embed passage: 'brief-menu'} By novel combinations we mean juxtaposing simple materials in unexpected ways{reveal link: ' ...', passage: 'brief-combinations-1'} {embed passage: 'Menu'}

. This can also be achieved by taking complex "new" technologies and integrating them with familiar technologies or gestures, and thereby simplify their complexity through the poetics of well-understood mechanisms or materials. For example [[...->brief-combinations-2]]

{embed passage: 'brief-menu'} By novel combinations we mean juxtaposing simple materials in unexpected ways. This can also be achieved by taking complex "new" technologies and integrating them with familiar technologies or gestures, and thereby simplify their complexity through the poetics of well-understood mechanisms or materials. <img class='right' src='images/reading-lantern.png'>For example, by combining: - a simple book - a lamp - a microphone with AI you get [[storytelling with light->inspiration-reading-lantern]]. [[...->brief-combinations-3]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} By novel combinations we mean juxtaposing simple materials in unexpected ways. This can also be achieved by taking complex "new" technologies and integrating them with familiar technologies or gestures, and thereby simplify their complexity through the poetics of well-understood mechanisms or materials. <img class='right' src='images/teenage-choir.jpg'>For example, by combining: - a wooden doll - a tilt sensor - a midi voice module you get a [[Teenage Choir->inspiration-teenage-engineering-choir]]. [[...->brief-combinations-4]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} By novel combinations we mean juxtaposing simple materials in unexpected ways. This can also be achieved by taking complex "new" technologies and integrating them with familiar technologies or gestures, and thereby simplify their complexity through the poetics of well-understood mechanisms or materials. <img class='right' src='images/ColourChaser-YuriSuzuki.jpg'>For example, by combining: - colored pens - a line follower robot (LFR) - a tone generator you get a [[Colour Chaser->inspiration-colour-chaser]]. [[...->brief-combinations-5]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} By novel combinations we mean juxtaposing simple materials in unexpected ways. This can also be achieved by taking complex "new" technologies and integrating them with familiar technologies or gestures, and thereby simplify their complexity through the poetics of well-understood mechanisms or materials. <img class='right' src='images/pluie-a-midi.jpg'>For example, by combining: - an iPad - a touch-controlled story - origami you get [[augmented origami->inspiration-volumique-pluie]]. [[→->brief-play]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} <img class='right' src='images/caran-creative-class.jpg'>*What we will create*{reveal link: ' ...', passage: 'brief-play-1'} {embed passage: 'Menu'}

: In this workshop, our aim is to craft playful AI creative assistants{reveal link: ' ...', passage: 'brief-play-2'}

. The element of playfulness will serve as a catalyst for inspiration, encouraging individuals to broaden their artistic horizons{reveal link: ' ...', passage: 'brief-play-3'}

. Leveraging the rich offerings of Caran d’Ache's tools, we will conceive a new breed of interactive objects. [[…->brief-play-4]]

{embed passage: 'brief-menu'} <image class='right' src='images/caran-creative-class-1-2-3.jpg'>*What we will create*: In this workshop, our aim is to craft playful AI creative assistants. The element of playfulness will serve as a catalyst for inspiration, encouraging individuals to broaden their artistic horizons. Leveraging the rich offerings of Caran d’Ache's tools, we will conceive a new breed of interactive objects. Our primary focus will be on designing interactives [[tailored for beginners->inspiration-caran-creative-class]] — those who may not consider themselves artists or professionals and may benefit from additional guidance in their creative journey. Such individuals often require a lighthearted approach to ease into creative activities. [[→->brief-assistants]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} These AI creative [[assistants->inspiration-superflux-friends]] will, for instance, introduce fresh and imaginative exercises, or [[encourage people to experiment->inspiration-updatables]] with novel techniques and unexpected color palettes{reveal link: '...', passage: 'brief-assistants-1'} {embed passage: 'Menu'}

. The final outcome will be an assortment of [[AI collaborators->inspiration-last-pencil]] designed for creative enthusiasts{reveal link: ' ...', passage: 'brief-assistants-2'}

. For example, one AI collaborator might transform sounds into vibrant hues, while another could suggest innovative gestures{reveal link: ' ...', passage: 'brief-assistants-3'}

. Another might prompt you to explore unfamiliar lines, and yet another could turn the [[act of drawing->inspiration-looom]] into an engaging game{reveal link: ' ...', passage: 'brief-assistants-4'}

. [[→->brief-exhibition]] Et cætera. Et cætera. [[Et cætera->inspiration]].

{embed passage: 'brief-menu'} <img class='right' src='images/CaranDAche-plateforme-10.jpg'>Selected projects will be exhibited at [[Plateforme 10->http://plateforme10.ch/]] in Lausanne in May 2024. The selection will be made by the Caran d’Ache team during the final jury in January 2024. [[→->brief-rules]] {embed passage: 'Menu'}

{embed passage: 'brief-menu'} Some key rules to follow: 1. {reveal link: ' ...', passage: 'brief-rules-1'} 2. {reveal link: ' ...', passage: 'brief-rules-2'} 3. {reveal link: ' ...', passage: 'brief-rules-3'} 4. {reveal link: ' ...', passage: 'brief-rules-4'} 5. {reveal link: ' ...', passage: 'brief-rules-5'} {embed passage: 'Menu'}

Your AI collaborator must be interactive and [[mix->inspiration-z-land]] a digital interface with a physical object. Note that the scale of your object can vary according to your concept.

Your concept must consider [[the target audience->brief-play]] given in the brief.

Your object has to showcase a simple yet playful interaction. Your object must be thought and conceived to be showcased in the context of an exhibition and easily handled by the public.

Reduce the number of ingredients (materials, technology, gestures, et cætera) to their strict minimum. It is the novelty of the combinations and not their number that makes for an engaging experience.

You must participate actively in class discussion, visualize and test your ideas with mock-ups, scenarios, etc…

{embed passage: 'brief-variables'} <brief-menu> [if isBriefProject || isBriefBrief; append] Project [else; append] [[Project->brief]] [continue; append] | [if isBriefStorytelling; append] Storytelling [else; append] [[Storytelling->brief-storytelling]] [continue; append] | [if isBriefAi; append] AI [else; append] [[AI->brief-ai]] [continue; append] | [if isBriefQuestions; append] Questions [else; append] [[Questions->brief-questions]] [continue; append] | [if isBriefCombinations; append] Combination [else; append] [[Combination->brief-combinations]] [continue; append] | [if isBriefPlay; append] Play [else; append] [[Play->brief-play]] [continue; append] | [if isBriefAssistants; append] Asisstant [else; append] [[Assistant->brief-assistants]] [continue; append] | [if isBriefExhibition; append] Exhibit [else; append] [[Exhibit->brief-exhibition]] [continue; append] | [if isBriefRules; append] Rules [else; append] [[Rules->brief-rules]] [continue; append] </brief-menu>

isBriefBrief : passage.name == 'brief' isBriefProject : passage.name == 'brief-project' isBriefStorytelling : passage.name == 'brief-storytelling' || passage.name == 'brief-storytelling-1' isBriefAi : passage.name == 'brief-ai' || passage.name == 'brief-ai-2' || passage.name == 'brief-ai-3' isBriefQuestions : passage.name == 'brief-questions' isBriefCombinations : passage.name == 'brief-combinations' || passage.name == 'brief-combinations-1' || passage.name == 'brief-combinations-2' || passage.name == 'brief-combinations-3' || passage.name == 'brief-combinations-4' || passage.name == 'brief-combinations-5' isBriefPlay : passage.name == 'brief-play' || passage.name == 'brief-play-4' isBriefAssistants : passage.name == 'brief-assistants' isBriefExhibition : passage.name == 'brief-exhibition' isBriefRules : passage.name == 'brief-rules' --

[CSS] #page article { align-items: center; align-items: start; } [continued]

**Deliverables** - A well-considered presentation gathering your [[research->https://github.com/AmauryHamon/head-md-time-in-time-out/tree/main/process/initial research/22.10.31-process.md]], insights and methodology - A [[devlog->https://github.com/AmauryHamon/head-md-time-in-time-out/tree/main/process]] documenting your daily progress - A scenario detailing the key interactions of your object - A 3D visual showing the final form of your object - A semi-working or non-working high-resolution mockup of your object - A production outline describing the next steps required to fully produce your object {embed passage: 'Menu'}

**Competencies** - Intro to user research and interaction design methodologies - Intro to [[prototyping->https://vimeo.com/213815560]] and [[user-testing methodologies->https://vimeo.com/394519058]] - Foundational knowledge on how to create - a *coherent* interactive experience - a *narrative* interactive experience - a *playful* interactive experience interactive experience - Intro to product design and 3D modeling - Intro to electronics {embed passage: 'Menu'}

**Evaluation** - 20% [[active participation->inspiration-bueller-boring]] in class conversations and punctuality`*` - 30% [[quality of research->https://github.com/EAH22/head-md-time-in-time-out/blob/main/process/Observations.md]], insights and methodology - 30% quality of your [[final prototype->https://www.hesge.ch/head/projet/time-time-out-playable-stories-our-wrist]] - 20% final presentation quality (document + oral presentation) `*` Note that recurring [[late arrivals->inspiration-bueller-absent]] (more than 3 times) will affect your final grade {embed passage: 'Menu'}

**Bibliography** - Chipchase Jan. Hidden in Plain Sight. - http://janchipchase.com/about/hidden-in-plain-sight/ - Dunne Anthony and Raby Fiona (2001/2021). Design Noir: The Secret Life of Objects. Bloomsbury Visual Arts. - https://www.bloomsbury.com/uk/design-noir-9781350070639/ - Le Guin Ursula K.(2019) The Carrier Bag Theory of Fiction. Ignota, UK. - Hall Erika (2018). Conversational Design. A Book Apart Press. - https://abookapart.com/products/conversational-design - McDowell K-Allado (2020). Atlas of Anomalous AI. Algate Press. - McDowell K-Allado (2020). Pharmako-AI. Algate Press. - Ourednik André (2021). Robopoïèses. Switzerland, Geneva. - Suri Jane Fulton (2005). Thoughtless Acts?, Chronicle Books. - https://www.ideo.com/post/thoughtless-acts - Feminist Internet conference at IAM Internet, 2018. - https://www.youtube.com/watch?v=k6wXR6U6iH8 - Two AIs talk about becoming human (GPT-3). - https://www.youtube.com/watch?v=jz78fSnBG0s - GPT-4 is listening to us now | Joscha Bach and Lex Fridman. - https://www.youtube.com/watch?v=fxQ_JsXLMJ0 {embed passage: 'Menu'}

{embed passage: 'Menu'} <inspiration> - [[Allison Parrish->inspiration-allison-parrish]] - [[Carambar->inspiration-carambar]] - [[Colour Chaser->inspiration-colour-chaser]] - [[Compass->inspiration-compass]] - [[Creative Class->inspiration-caran-creative-class]] - [[Drawing Machine->inspiration-joseph-griffiths]] - [[Eliza->inspiration-eliza]] - [[Fake It->inspiration-eniarof-fake-it]] - [[Feminist Internet->inspiration-feminist-internet]] - [[Land Lines->inspiration-land-lines]] - [[Looom->inspiration-looom]] - [[Harold Cohen->inspiration-harold-cohen]] - [[Ink Space->inspiration-ink-space]] - [[Jean Tinguely->inspiration-tinguely]] - [[Jenna Sutela->inspiration-jenna-sutela]] - [[Jürg Lehni->inspiration-jurg-lehni]] - [[The Last Pencil->inspiration-last-pencil]] - [[La pluie à midi->inspiration-volumique-pluie]] - [[Léonie Courbat->inspiration-leonie-courbat]] - [[Mémoires d'aveugle->inspiration-memoires-aveugle]] - [[Margot Herbelin->inspiration-margot-herbelin]] - [[Omnia per omnia->inspiration-omnia-per-omnio]] - [[Our Friends Electric->inspiration-superflux-friends]] - [[Pharmako AI->inspiration-pharmako-ai]] - [[The Reading Lantern->inspiration-reading-lantern]] - [[Roby->inspiration-roby]] - [[Sasha Stiles->inspiration-sashastiles]] - [[Teenage Engineering Choir->inspiration-teenage-engineering-choir]] - [[Tracing The Line->inspiration-tracing-the-line]] - [[Traité du trait->inspiration-traite-du-trait]] - [[Updatables->inspiration-updatables]] - [[Z-Land->inspiration-z-land]] </inspiration>

<img class='right half' src='images/memoire-aveugle.jpg'>« Voici une **première hypothèse** : le dessin est aveugle, sinon le dessinateur ou la dessinatrice. En tant que telle et dans son moment propre, l’opération du dessin aurait quelque chose à voir avec l’aveuglement. Dans cette hypothèse *aboculaire* (*aveugle* vient de *ab oculis* : non pas depuis ou par les yeux mais sans les yeux), il reste à entendre ceci : l’aveugle peut être un voyant, il a parfois vocation de visionnaire. **Deuxième hypothèsa**, greffe de l’œil, greffe d‘un point de vue sur l’autre : un dessin d’*aveugle* est un dessin d’*aveugle*. Double génitif. Il n'y a là nulle tautologie mais une fatalité de l'autoportrait. » [[Mémoires d'aveugle, l'autoportrait et autres ruines->https://www.cairn.info/revue-de-metaphysique-et-de-morale-2007-1-page-47.htm]] | Jacques Derrida | [[EN->inspiration-memoires-aveugle-en]] {embed passage: 'inspiration-menu'}

<img class='right half' src='images/memoire-aveugle.jpg'>“Here is a **first hypothesis**: the drawing is blind, if not the drawer him or herself. As such and following its own moment, the operation of drawing would have something to do with blindness. In this *abocular* hypothesis (*blind* comes from *ab oculis*: not from or through the eyes, but without the eyes), it remains to be understood that: the blind man can be a seer, he sometimes has the vocation of a visionary. **Second hypothesis**, eye transplant, transplant from one point of view to another: a drawing of a *blind man* is a drawing of a *blind man*. Double genitive. There is no tautology here but an inevitability of the self-portrait.” [[Mémoires d'aveugle, l'autoportrait et autres ruines->https://www.cairn.info/revue-de-metaphysique-et-de-morale-2007-1-page-47.htm]] | Jacques Derrida | [[FR->inspiration-memoires-aveugle]] {embed passage: 'inspiration-menu'}

<img class='right half' src='images/traite-du-trait.jpg'>« [[Le trou->inspiration-traite-du-trait-fontana]], dans la toile, comme un point. L’incision, comme un trait. Avec, de l’un à l'autre, toute la distance qui sépare les deux définitions classiques de la ligne (de la *ligne*, non du *trait*) : la première, qu’on trouve chez Alberti, et qui veut qu’une ligne se réduise à une suite ininterrompue de points immobiles, accolés les uns aux autres; et l’autre, qui sera le fait de Léonard de Vinci, lequel l‘assimile au parcours, à la trajectoire décrite par un point en mouvement. » [[Traité du trait->https://damisch.hypotheses.org/expositions/traite-du-trait-1995]] | Hubert Damisch | [[EN->inspiration-traite-du-trait-en]] {embed passage: 'inspiration-menu'}

<img class='right half' src='images/lucio-fontana.jpg'>« Le trou, dans la toile, comme un point. L’incision, comme un trait. Avec, de l’un à l'autre, toute la distance qui sépare les deux définitions classiques de la ligne (de la *ligne*, non du *trait*) : la première, qu’on trouve chez Alberti, et qui veut qu’une ligne se réduise à une suite ininterrompue de points immobiles, accolés les uns aux autres; et l’autre, qui sera le fait de Léonard de Vinci, lequel l‘assimile au parcours, à la trajectoire décrite par un point en mouvement. » [[Traité du trait->https://damisch.hypotheses.org/expositions/traite-du-trait-1995]] | Hubert Damisch | [[EN->inspiration-traite-du-trait-en-fontana]] {embed passage: 'inspiration-menu'}

<img class='right half' src='images/traite-du-trait.jpg'>“[[The hole->inspiration-traite-du-trait-en-fontana]] in the canvas, like a point. The incision, like a line. With, from one to the other, all the distance which separates the two classic definitions of the line (of the *line*, not of the *line*): the first, which we find in Alberti, and who wants that a line is reduced to an uninterrupted series of immobile points, attached to each other; and the other, which will be the work of Leonardo da Vinci, who likens it to the journey, to the trajectory described by a moving point.” [[Traité du trait->https://damisch.hypotheses.org/expositions/traite-du-trait-1995]] | Hubert Damisch | [[FR->inspiration-traite-du-trait]] {embed passage: 'inspiration-menu'}

<img class='right half' src='images/lucio-fontana.jpg'>“The hole in the canvas, like a point. The incision, like a line. With, from one to the other, all the distance which separates the two classic definitions of the line (of the *line*, not of the *line*): the first, which we find in Alberti, and who wants that a line is reduced to an uninterrupted series of immobile points, attached to each other; and the other, which will be the work of Leonardo da Vinci, who likens it to the journey, to the trajectory described by a moving point.” [[Traité du trait->https://damisch.hypotheses.org/expositions/traite-du-trait-1995]] | Hubert Damisch | [[FR->inspiration-traite-du-trait-fontana]] {embed passage: 'inspiration-menu'}

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/213815560?h=bff773e521&autoplay=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> [[Fake It->https://vimeo.com/godartensadlab]], [[ENIAROF->http://www.eniarof.com]] {embed passage: 'inspiration-menu'}

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/218379793?h=3a3b0a3f78&autoplay=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> [[La pluie à midi->https://volumique.com/lapluie/]], Julie Stephen Chheng & [[Volumique->https://volumique.com]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=lCndsPOjX0U'} [[Colour Chaser->https://yurisuzuki.com/archive/works/colour-chaser/]], [[Yuri Suzuki->https://yurisuzuki.com]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=_F6yicbG9xw'} [[Choir->https://teenage.engineering/products/choir]], [[Teenage Engineering->https://teenage.engineering]] {embed passage: 'inspiration-menu'}

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/396680400?h=6b033232f9&autoplay=1&color=001e7f&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> [[The Reading Lantern->https://www.hesge.ch/head/projet/master-media-design-play-me-story-nouvelles-formes-narration]], Vincent Belet, Tammara Leites, Poppy Matigo {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=cufd7XnG4A8'} [[Ink Space->https://experiments.withgoogle.com/ink-space]], [[Zach Lieberman->http://zach.li]]. See also: [[Land Lines->inspiration-land-lines]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=w6-LK9BOVTA'} [[Land Lines->https://lines.chromeexperiments.com]], [[Zach Lieberman->http://zach.li]]. See also: [[Ink Space->inspiration-ink-space]] {embed passage: 'inspiration-menu'}

<img class="half" src="images/parrish-compass.png"> [[Compass->https://sync.abue.io/issues/190705ap_sync2_27_compasses.pdf]], [[Allison Parrish->https://portfolio.decontextualize.com]] | {back link, label: '←'} {embed passage: 'Menu'}

<img class='half' src='images/Drawing-machine-1-by-Joseph-L-Griffiths.png'> [[Drawing Machine->https://josephlgriffiths.com/drawingmachine1.html]], [[Joseph Griffiths->https://josephlgriffiths.com]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=FZpEYLa9PGs'} [[Drawing Machines->https://www.tinguely.ch/en/tinguely-collection-coservation/collection.html?period=&material=&detail=795301f4-443e-44b7-94c9-c87f236acff8]], [[Jean Tinguely->https://en.wikipedia.org/wiki/Jean_Tinguely]] {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/feminist-internet.png'> Feminist Internet, [[feministinternet.com->https://www.feministinternet.com]], cf. [[AI Bias->inspiration-ai-bias]] {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/racist-assistants.png'> Forms of bias in artificial intelligence, cf. [[Feminist Internet->inspiration-feminist-internet]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=BpSfx6s42wI'} [[Updatables->https://]], [[Oio Studio->https://oio.studio]] & [[Space10->https://space10.com]] {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/roby-oio.png'> [[Roby->https://matlo.me/roby]], [[Oio Studio->https://oio.studio]] {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/oio-mudac-last-pencil.jpg'> [[The Last Pencil->https://www.instagram.com/stories/highlights/18010859146620977/]], [[Oio Studio->https://oio.studio]] {embed passage: 'inspiration-menu'}

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/268608925?h=48599012e8&color=001e7f&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> [[Omnia per omnia->https://sougwen.com/project/omniaperomnia]], [[Sougwen Chung->https://sougwen.com]] {embed passage: 'inspiration-menu'}

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/389445192?h=bb2bb2fafe" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> <p><a href="https://vimeo.com/389445192">Z-Land demo</a> from <a href="https://vimeo.com/eranhill">Eran Hilleli</a> on <a href="https://vimeo.com">Vimeo</a>.</p> {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=RMK9AphfLco'} [[Eliza->https://en.wikipedia.org/wiki/ELIZA]], [[Joseph Weizenbaum->https://en.wikipedia.org/wiki/Joseph_Weizenbaum]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=Qanp93fO5gA'} [[Looom->https://www.iorama.studio/looom]], [[Eran Hilleli->https://eranhilleli.com]] {embed passage: 'inspiration-menu'}

<video autoplay src="videos/etienne-mineur-leonie-courbat.mp4"></video> Workshop with Étienne Mineur, Léonie Courbat | {back link, label: '←'} {embed passage: 'Menu'}

<video autoplay src="videos/etienne-mineur-margot-herbelin.mp4"></video> Workshop with Étienne Mineur, Margot Herbelin | {back link, label: '←'} {embed passage: 'Menu'}

<img class='twothirds' src='images/tracing-the-line-book.png'> [[Tracing The Line->https://vimeo.com/858920774]], [[Vitro Editions->https://vetroeditions.com/products/tracing-the-line]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=I3Uuc1Jy3oQ'} [[Viktor->https://juerglehni.com/works/viktor]], [[Jürg Lehni->https://juerglehni.com]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=IPczQgCuOOc'} [[Harold Cohen->https://en.wikipedia.org/wiki/Harold_Cohen_(artist)]] - [[The Age of Intelligent Machines - 1987 (Clip)->https://www.youtube.com/watch?v=IPczQgCuOOc]] {embed passage: 'inspiration-menu'}

<img src='images/parrish-nonsense-lab-menu.png'> [[Nonsense Laboratory->https://experiments.withgoogle.com/nonsense-laboratory]], [[Allison Parrish->https://www.decontextualize.com/]] {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/carambar.jpg'> *Qui du crayon ou du feutre est le plus en forme ?* <div class="upside-down"><p>Le crayon car il a bonne mine.</p></div> {embed passage: 'inspiration-menu'}

<img class='half' src='images/SashaStiles.webp'> [[Sasha Stiles->https://www.sashastiles.com/]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=vGUIsa4te9s'} [[Creative Class->https://www.carandache.com/ch/en/creative-class]], Caran d'Ache {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/PharmakoAItop.webp'> [[Pharmako AI->https://ignota.org/products/pharmako-ai]], K Allado McDowell {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=hbGPuoIrmQY'} [[Our Friends Electric->https://superflux.in/index.php/work/friends-electric/#]], [[Superflux->https://superflux.in]] {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=8MC8VWrultg'} [[Nimiia Cétiï->https://experiments.withgoogle.com/nimiia-cetii]], Jenna Sutela {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=Yk3-Vb7CH-o'} Ferris Bueller's Day Off, 1986 {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v=KS6f1MKpLGM'} Ferris Bueller's Day Off, 1986 {embed passage: 'inspiration-menu'}

{embed YouTube video: 'https://www.youtube.com/watch?v='} [[Title->https://]], Name {embed passage: 'inspiration-menu'}

<img class='twothirds' src='images/'> [[Title->https://]], Name {embed passage: 'inspiration-menu'}

{back link, label: '←'} {embed passage: 'Menu'}

{embed passage: 'menu-variables'} <corner> [if isStart] Future of Drawing [else] [[Future of Drawing->Start]] [continue] [if isBrief] Brief [else] [[Brief->brief]] [continue] [if isDeliverables] Deliverables [else] [[Deliverables]] [continue] [if isCompetencies] Competencies [else] [[Competencies]] [continue] [if isPlanning] Planning [else] [[Planning]] [continue] [if isEvaluation] Evaluation [else] [[Evaluation]] [continue] [if isInspiration] Inspiration [else] [[Inspiration->inspiration]] [continue]      </corner>

name : passage.name isStart : name == 'Start' isDeliverables : name == 'Deliverables' isCompetencies : name == 'Competencies' isPlanning : name == 'Planning' isEvaluation : name == 'Evaluation' isBibliography : name == 'Bibliography' isInspiration : name == 'inspiration' isBrief : name == 'brief' || name == 'brief-project' || name == 'brief-storytelling' || name == 'brief-storytelling-1' || name == 'brief-ai' || name == 'brief-ai-2' || name == 'brief-ai-3' || name == 'brief-questions' || name == 'brief-play' || name == 'brief-play-4' || name == 'brief-assistants' || name == 'brief-exhibition' || name == 'brief-rules' || name == 'brief-combinations' || name == 'brief-combinations-1' || name == 'brief-combinations-2' || name == 'brief-combinations-3' || name == 'brief-combinations-4' || name == 'brief-combinations-5' --

{embed passage: 'Tableau'}

<tr> <td> [if passage.name != 'Phase-1'] [[Phase 1->Phase-1]] [else] Phase 1 [continue] </td> <td><code>10.16 > 10.30</code></td> <td>Research and experimentation</td> </tr> [if passage.name == 'Phase-1'] <tr> <td colspan="3">During this phase, we will focus on understanding the Caran d'Ache world, its audience and start mapping our first ideas and research. You will apply the methodologies taught in class. We will start prototyping and pitch our ideas.</td> </tr> [continue]

<tr> <td> [if passage.name == 'Phase-2'] Phase 2 [else] [[Phase 2->Phase-2]] [continue] </td> <td><code>10.30 > 11.04</code></td><td>First intentions</td></tr> [if passage.name == 'Phase-2'] <tr> <td colspan="3">In this phase, we will define some first intentions, user scenarios and possible interaction. We will mainly create paper mock-ups to test and pitch our first ideas. Technical classes will come later. </td> </tr> [continue]

<tr> <td> [if passage.name == 'Phase-3'] Phase 3 [else] [[Phase 3->Phase-3]] [continue] </td> <td><code>11.13 > 11.16</code></td><td>Concept</td> </tr> [if passage.name == 'Phase-3'] <tr> <td colspan="3">This phase will focus on visualizing your project intention (mock-up, scenario, drawing) and creating a presentation for our mid-crit with Caran d’Ache.</td> </tr> [continue]

<tr> <td> [if passage.name == 'Phase-4'] Phase 4 [else] [[Phase 4->Phase-4]] [continue] </td> <td><code>11.27 > 12.15</code></td><td>Prototyping</td> </tr> [if passage.name == 'Phase-4'] <tr> <td colspan="3">During this phase, you will focus on prototyping your idea (3D, electronics…). You will keep iterating and think about the final details of your interactive object. You will also test your prototype during the test day.</td> </tr> [continue]

<tr> <td> [if passage.name == 'Phase-5'] Phase 5 [else] [[Phase 5->Phase-5]] [continue] </td> <td><code>12.20 > 01.17</code></td><td>Final development & presentation</td> </tr> [if passage.name == 'Phase-5'] <tr> <td colspan="3">In this phase, you will focus on finishing your project and final production. You will also create all the final assets needed for your presentation and final jury with Caran d’Ache.</td> </tr> [continue]

### Planning <table> {embed passage: 'Phase-1-content'} {embed passage: 'Phase-2-content'} {embed passage: 'Phase-3-content'} {embed passage: 'Phase-4-content'} {embed passage: 'Phase-5-content'} </table> {embed passage: 'Menu'}